<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Template Font end</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>


</head>
<body>
<div id="wapper"  >
	<!--Phần header -->
    <header class="container" >
    	<div class="row">
 			 <div class="col-md-3">
             	<a href="#"><img src="images/logo.gif" alt="" class="img-circle"></a>
             </div>
 			 <div class="col-md-6 boxsearch">
                 
             
            
        
             
             </div>
  			<div class="col-md-3" style="margin-top:20px">
            	<a href="#">
                    <img src="images/cart.jpg" alt="giỏ hàng" width="50">
                    
                    <label class="label label-primary">
                        Số sản phẩm của bạn là : 1
                    </label>
                </a>
                
                
                <!-- Đăng kí - đăng nhập -->
                 <div class="modal fade" id="myModal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
                 	<div class="loginuser modal-dialog">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"><img class="closepop" src="images/close.png" width="30" alt="close"></span><span class="sr-only">Close</span></button>
                          <h4 class="modal-title" id="myModalLabellog">Đăng nhập</h4>
                        </div>
                        <div class="modal-body">
                        
                       	    
                        	<form class="form-signin" action="index.php" method="post" name="frmLogin">
                                <input type="text" class="form-control" placeholder="Username" name="txtemail" required autofocus><br>
                                <input type="password" class="form-control" placeholder="Password" name="pwpass" required><br>
                                <button class="btn btn-lg btn-primary btn-block" name="btnlog" type="submit">
                                Đăng nhập</button>
                                <label class="checkbox pull-left">
                                <input type="checkbox" value="remember-me" name="cbrem" checked>
                                Ghi nhớ
                                </label>
                                <h4><a href="#" class="pull-right need-help">Quên mật khẩu ? </a></h4><span class="clearfix"></span>
                           </form>
                        
                          
                        </div>
                        <div class="modal-footer">
                          	<h4>Bạn chưa có tài khoản ?</h4>
                            <a href="#" class="dangki">
                            <button  type="button" class="btn btn-success">Đăng ký</button>
                            </a>
                          
                        </div>
                      </div>	
                    
                    
                    
                  <div class="regester modal-dialog" >
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"><img class="closepop" src="images/close.png" width="30"></span><span class="sr-only">Close</span></button>
                          <h4 class="modal-title" id="myModalLabel">Đăng ký</h4>
                        </div>
                        <div class="modal-body">
                       		<h4 class="text-danger">Bạn vui lòng nhập thông tin đăng ký !</h4>
                        	<form class="form-signin" action="index.php" method="post" name="frmLogin">
                                <input type="text" class="form-control" placeholder="Họ tên" name="txthoten" required autofocus><br>
                                <input type="text" class="form-control" placeholder="Số điện thoại" name="txtsdt" required><br>
                                <input type="text" class="form-control" placeholder="Email" name="txtemail" required><br>
                                
                                <input type="password" class="form-control" placeholder="Mật khẩu" name="pwpass" required><br>
                                <input type="password" class="form-control" placeholder="Nhập lại mật khẩu" name="repwpass" required><br>
                                <p>
                                	Bằng việc bấm đăng ký bạn đã chấp nhận các <a href="#">điểu khoản</a> và <a href="#">quy định</a> của Muachung
                                 </p>
                                <button class="btn btn-lg btn-primary btn-block" name="btnlog" type="submit">
                                Đăng ký</button>
                                
                                
                                
                           </form>
                        
                          
                        </div>
                        <div class="modal-footer">
                          <a href="#" class="pull-right need-help">Lấy lại mật khẩu </a><br>
                          <a href="#" class="pull-right need-help dangnhap">Đăng nhập</a>
                          
                        </div>
                      </div>
                      </div>
                      <!--	Kết thúc Đăng ký -->       
                
              
            
           </div>
		</div>
    </header>
    <!--Kết thúc header -->
    
    
    <!--Phần menu chính -->
    <nav class="navbar navbar-default " role="navigation" id="main-menu">
    <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Menu</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      
    </div>
    <div class="top-menu collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    
    	<ul class="nav navbar-nav nav-pills" >
           <li><a href="{$lib->config.url}index.php" >Trang chủ</a></li>
           <li ><a href="../index.php" target="_blank" >Du lịch</a> </li>
           <li class="dropdown" ><a href="#" class="dropdown-toggle" data-toggle="dropdown">Ẩm thực <span class="caret"></span></a>
           		<ul class="dropdown-menu">
                	<li><a href="{$lib->config.url}index.php?prog=orders" >Đơn hàng </a></li>
                    <li><a href="{$lib->config.url}index.php?prog=detail-order" >Hỏi đáp </a></li>
                    <li><a href="#" >Tin nhắn  </a></li>
                    <li><a href="#" >Thư từ form liên hệ </a></li>
                </ul>
           </li>
           <li ><a href="" target="_blank" >Thời trang</a> </li>
 
        </ul>
        <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Nhập từ khoá tìm kiếm" size="40">
        </div>
        <button type="submit" class="btn btn-success"><label class="glyphicon glyphicon-search"></label></button>
      </form>
      
        <ul class="nav navbar-nav navbar-right">
        	<li><a class="dangki" data-toggle="modal" data-target="#myModal-form" href="#">Đăng ký</a></li>
            <li><a class="dangnhap" data-toggle="modal" data-target="#myModal-form" href="#">Đăng nhập</a></li>
        
        </ul>
        
       
    </div>
    </div>
    </nav>
    <!--Kết thúc menu chính -->
    
    <!--Phần article -->
    <article class="container">
    	<div class="row">
        	<div class="col-md-7">
            <h4>
            	<a href="#"><img src="images/icon-home.png"></a> 
                <img src="images/icon-arrow.png">
                <span class="label sitemap"><a href="#">Trang chủ->sản phẩm->giảm giá</a></span>
            </h4>    
            </div>
            
            <div class="col-md-5">
  				<h4 class="hotline">Hotline : <span>01632 434 165</span></h4>
               	<h5 class="email"><a href="#">Nhận email giảm giá</a>
                 <ul id="email_input">
                	<p class="input-group">
                      <input type="text" class="form-control" placeholder="Nhận email giảm giá">
                      
                      <span class="input-group-btn">
                        <button class="btn btn-success" type="button">Đăng ký</button>
                      </span>
                  </p><!-- /input-group -->
                </ul>
                </h5>
                
               
                
            </div>
            
          </div>
          <div class="row adv">
          	<img src="images/adv.jpg" alt="" class="img-responsive" >
          </div>
    </article>
    <!--Kết thúc article -->
    <!--Phần main của website ... Phần thay đổi của website -->
    <div class="container" id="main">
    
    <!--Phần section -->
    <section class="container">
    	<div class="row">
        	
        	<div class="col-md-4 left well">
        		<!-- Nav tabs -->
                <ul class="nav nav-tabs left-nav " role="tablist">
                  <li class="active"><a href="#home" role="tab" data-toggle="tab">Danh mục</a></li>
                  <li><a href="#profile" role="tab" data-toggle="tab">Đăng bán </a></li>
                  <li><a href="#messages" role="tab" data-toggle="tab">Thêm</a></li>
                 
                </ul>
                
                <!-- Tab panes -->
                <div class="tab-content">
                  <div class="tab-pane active" id="home">
                  	<ul class="list-group ">
                      <li class="list-group-item"><a href="#">Thời trang</a></li>
                      <li class="list-group-item"><a href="#">Du lịch - ăn uống</a></li>
                      <li class="list-group-item"><a href="#">Điện tử</a></li>
                      <li class="list-group-item"><a href="#">Đồ gia dụng</a></li>
                      <li class="list-group-item"><a href="#">Điện lạnh</a></li>
                    </ul>
                  
                  </div>
                  <div class="tab-pane" id="profile">
                    <ul class="list-group">
                      <li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li>
                      <li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li>
                      <li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li>
                      <li class="list-group-item list-group-item-danger">Vestibulum at eros</li>
                    </ul>
                  </div>
                  <div class="tab-pane" id="messages">.masage..</div>
                
                </div>
            
            
          </div>
          <div class="col-md-8 right">
               	 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    </ol>
                  
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                      <div class="item active">
                        <img src="uploads/slide3.jpg" alt="...">
                        <div class="carousel-caption">
                          hihi.
                        </div>
                      </div>
                      <div class="item ">
                        <img src="uploads/slide1.jpg" alt="...">
                        <div class="carousel-caption">
                          hihe.
                        </div>
                      </div>
                      <div class="item ">
                        <img src="uploads/slide2.jpg" alt="...">
                        <div class="carousel-caption">
                          hiha.
                        </div>
                      </div>
                      
                    
                    </div>
                    
                  
                    <!-- Controls -->
                    <a style="background:none" class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                      <span class="glyphicon glyphicon-chevron-left"></span>
                    </a>
                     <a style="background:none" class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                       <span class="glyphicon glyphicon-chevron-right"></span>
                     </a>
                  </div>
                  <h3>box like facebook</h3>	
           </div>
    </section>
    <!--Kết thúc section -->
    <div class="clear"></div>
    
    
     <!--Phần article hiển thị sản phẩm mới nhất , mua  nhiều nhất-->
    <article class="container" >
    	<div class="row">
        	<!-- Nav tabs -->
                <ul class="nav nav-tabs most-product" role="tablist">
                  <li>
                  	<a href="#newest" role="tab" data-toggle="tab">
                    	<img src="images/new-clipart.png" class="img-circle" width="200" height="200">
                        
                    </a>
                    <h3 class="text-primary danhmuc">Mới nhất</h3>
                  </li>
                  <li>
                  	<a href="#free" role="tab" data-toggle="tab">
                  		<img src="images/big_sale.jpg" class="img-circle" width="200" height="200">  
                  	</a>
                   
                     <h3 class="text-primary danhmuc">Khuyến mại</h3>
                  </li>
                  <li>
                  	<a href="#view" role="tab" data-toggle="tab">
                  		<img src="images/search.jpg" class="img-circle" width="200" height="200">  
                  	</a>
                    
                    <h3 class="text-primary danhmuc">Xem nhiều nhất</h3>
                  </li>
               
                 
                </ul>
                
                <!-- Tab panes -->
                <div class="tab-content">
                  <div class="tab-pane active" id="newest">
                      <!-- Bắt đầu danh sách sản phẩm -->          	 
                      <div class="row pro-list well">
                          <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-3">
                                       <div class="thumbnail">
                                          <img src="uploads/pro1.jpg" alt="...">
                                          <h3 class="khuyenmai label label-danger">50%</h3>
                                          <h3 class="info">                          
                                               Giao hàng miễn phí
                                               <p class="label label-default"></p>
                                          </h3>
                                          <a href="#"><h3 class="viewmore">
                                              <button type="button" class="btn btn-primary">XEM</button>
                                          </h3></a>
                                          
                                          <div class="caption">
                                          
                                            <h4 class="text-danger name-product">
                                                <a href="#">Tour Hà Nội – Cô Tô 2N1Đ – Khởi Hành Hàng Ngày</a>
                                            </h4>
                                            
                                            <p>
                                               <span class="price-product">350.000 <sup> đ </sup></span>&nbsp;&nbsp;&nbsp;
                                               <span class="last-price-product">700.000 <sup> đ </sup></span>
                                            </p>
                                            
                                            <p>
                                               <b>100</b> sản phẩm đã mua
                                            </p>  
                                          </div>
                                       </div>
                                </div>
                                
                                                  <div class="col-md-3">
                                       <div class="thumbnail">
                                          <img src="uploads/pro1.jpg" alt="...">
                                          <h3 class="khuyenmai label label-danger">50%</h3>
                                          <h3 class="info">                          
                                               Giao hàng miễn phí
                                               <p class="label label-default"></p>
                                          </h3>
                                          <a href="#"><h3 class="viewmore">
                                              <button type="button" class="btn btn-primary">XEM</button>
                                          </h3></a>
                                          
                                          <div class="caption">
                                          
                                            <h4 class="text-danger name-product">
                                                <a href="#">Tour Hà Nội – Cô Tô 2N1Đ – Khởi Hành Hàng Ngày</a>
                                            </h4>
                                            
                                            <p>
                                               <span class="price-product">350.000 <sup> đ </sup></span>&nbsp;&nbsp;&nbsp;
                                               <span class="last-price-product">700.000 <sup> đ </sup></span>
                                            </p>
                                            
                                            <p>
                                               <b>100</b> sản phẩm đã mua
                                            </p>  
                                          </div>
                                       </div>
                                </div>
                                                  <div class="col-md-3">
                                       <div class="thumbnail">
                                          <img src="uploads/pro1.jpg" alt="...">
                                          <h3 class="khuyenmai label label-danger">50%</h3>
                                          <h3 class="info">                          
                                               Giao hàng miễn phí
                                               <p class="label label-default"></p>
                                          </h3>
                                          <a href="#"><h3 class="viewmore">
                                              <button type="button" class="btn btn-primary">XEM</button>
                                          </h3></a>
                                          
                                          <div class="caption">
                                          
                                            <h4 class="text-danger name-product">
                                                <a href="#">Tour Hà Nội – Cô Tô 2N1Đ – Khởi Hành Hàng Ngày</a>
                                            </h4>
                                            
                                            <p>
                                               <span class="price-product">350.000 <sup> đ </sup></span>&nbsp;&nbsp;&nbsp;
                                               <span class="last-price-product">700.000 <sup> đ </sup></span>
                                            </p>
                                            
                                            <p>
                                               <b>100</b> sản phẩm đã mua
                                            </p>  
                                          </div>
                                       </div>
                                </div>
                                                  <div class="col-md-3">
                                       <div class="thumbnail">
                                          <img src="uploads/pro1.jpg" alt="...">
                                          <h3 class="khuyenmai label label-danger">50%</h3>
                                          <h3 class="info">                          
                                               Giao hàng miễn phí
                                               <p class="label label-default"></p>
                                          </h3>
                                          <a href="#"><h3 class="viewmore">
                                              <button type="button" class="btn btn-primary">XEM</button>
                                          </h3></a>
                                          
                                          <div class="caption">
                                          
                                            <h4 class="text-danger name-product">
                                                <a href="#">Tour Hà Nội – Cô Tô 2N1Đ – Khởi Hành Hàng Ngày</a>
                                            </h4>
                                            
                                            <p>
                                               <span class="price-product">350.000 <sup> đ </sup></span>&nbsp;&nbsp;&nbsp;
                                               <span class="last-price-product">700.000 <sup> đ </sup></span>
                                            </p>
                                            
                                            <p>
                                               <b>100</b> sản phẩm đã mua
                                            </p>  
                                          </div>
                                       </div>
                                </div>
                                
                                
                                
                                
                              </div>
                          </div>
                          
                          
                          
                        </div>
                    <!-- Kết thúc danh sách sản phẩm -->
                    
                    
                    
                    
                    
                  
                  </div>
                  <div class="tab-pane" id="free">
                    <ul class="list-group">
                      <li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li>
                      <li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li>
                      <li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li>
                      <li class="list-group-item list-group-item-danger">Vestibulum at eros</li>
                    </ul>
                  </div>
                  <div class="tab-pane" id="view">.masage..</div>
            
        </div>
         
    </article>
    <!--Kết thúc article  hiển thị sản phẩm mới nhất , mua  nhiều nhất-->
    
    
    <!--Phần list product -->
    <div class="container">
    
    	<div class="head-list">
            <img style="float:left"  src="images/bg_header_goc_trai.png"/> 
                
                    <span class="tieu_de" style="background:url(images/bg_header_nen.png);float:left">Spa - Làm Đẹp</span>
                
            <img style="float:left"  src="images/bg_header_goc_phai.png" />
        </div>
        <h4 class="viewall" style="margin-left:50px; float:left">
       		<a href="#"> <span class="label label-primary">Xem toàn bộ</span></a>
        </h4>
        <div class="clear"></div>
        <!--Phần danh sách sản phẩm trong thẻ list product -->
        
        <div class="row pro-list well">
        	<div class="col-md-12">
              <div class="row">
                  <div class="col-md-3">
                  		 <div class="thumbnail">
                            <img src="uploads/pro1.jpg" alt="...">
                            <h3 class="khuyenmai label label-danger">50%</h3>
                            <h3 class="info">                          
                           		 Giao hàng miễn phí
                                 <p class="label label-default"></p>
                            </h3>
                            <a href="#"><h3 class="viewmore">
                            	<button type="button" class="btn btn-primary">XEM</button>
                            </h3></a>
                            
                            <div class="caption">
                            
                              <h4 class="text-danger name-product">
                              	  <a href="#">Tour Hà Nội – Cô Tô 2N1Đ – Khởi Hành Hàng Ngày</a>
                              </h4>
                              
                              <p>
                                 <span class="price-product">350.000 <sup> đ </sup></span>&nbsp;&nbsp;&nbsp;
                                 <span class="last-price-product">700.000 <sup> đ </sup></span>
                              </p>
                              
                              <p>
                                 <b>100</b> sản phẩm đã mua
                              </p>  
                            </div>
                         </div>
                  </div>
                  
                         <div class="col-md-3">
                  		 <div class="thumbnail">
                            <img src="uploads/pro1.jpg" alt="...">
                            <h3 class="khuyenmai label label-danger">50%</h3>
                            <h3 class="info">                          
                           		 Giao hàng miễn phí
                                 <p class="label label-default"></p>
                            </h3>
                            <a href="#"><h3 class="viewmore">
                            	<button type="button" class="btn btn-primary">XEM</button>
                            </h3></a>
                            
                            <div class="caption">
                            
                              <h4 class="text-danger name-product">
                              	  <a href="#">Tour Hà Nội – Cô Tô 2N1Đ – Khởi Hành Hàng Ngày</a>
                              </h4>
                              
                              <p>
                                 <span class="price-product">350.000 <sup> đ </sup></span>&nbsp;&nbsp;&nbsp;
                                 <span class="last-price-product">700.000 <sup> đ </sup></span>
                              </p>
                              
                              <p>
                                 <b>100</b> sản phẩm đã mua
                              </p>  
                            </div>
                         </div>
                  </div>
                                    <div class="col-md-3">
                  		 <div class="thumbnail">
                            <img src="uploads/pro1.jpg" alt="...">
                            <h3 class="khuyenmai label label-danger">50%</h3>
                            <h3 class="info">                          
                           		 Giao hàng miễn phí
                                 <p class="label label-default"></p>
                            </h3>
                            <a href="#"><h3 class="viewmore">
                            	<button type="button" class="btn btn-primary">XEM</button>
                            </h3></a>
                            
                            <div class="caption">
                            
                              <h4 class="text-danger name-product">
                              	  <a href="#">Tour Hà Nội – Cô Tô 2N1Đ – Khởi Hành Hàng Ngày</a>
                              </h4>
                              
                              <p>
                                 <span class="price-product">350.000 <sup> đ </sup></span>&nbsp;&nbsp;&nbsp;
                                 <span class="last-price-product">700.000 <sup> đ </sup></span>
                              </p>
                              
                              <p>
                                 <b>100</b> sản phẩm đã mua
                              </p>  
                            </div>
                         </div>
                  </div>
                                    <div class="col-md-3">
                  		 <div class="thumbnail">
                            <img src="uploads/pro1.jpg" alt="...">
                            <h3 class="khuyenmai label label-danger">50%</h3>
                            <h3 class="info">                          
                           		 Giao hàng miễn phí
                                 <p class="label label-default"></p>
                            </h3>
                            <a href="#"><h3 class="viewmore">
                            	<button type="button" class="btn btn-primary">XEM</button>
                            </h3></a>
                            
                            <div class="caption">
                            
                              <h4 class="text-danger name-product">
                              	  <a href="#">Tour Hà Nội – Cô Tô 2N1Đ – Khởi Hành Hàng Ngày</a>
                              </h4>
                              
                              <p>
                                 <span class="price-product">350.000 <sup> đ </sup></span>&nbsp;&nbsp;&nbsp;
                                 <span class="last-price-product">700.000 <sup> đ </sup></span>
                              </p>
                              
                              <p>
                                 <b>100</b> sản phẩm đã mua
                              </p>  
                            </div>
                         </div>
                  </div>
                  
                  
                  
                  
                </div>
            </div>
            
            
            
          </div>
        
    </div>
    <!--Kết thúc list product -->
    
<!--Phần list product -->
    <div class="container ">
    
    	<div class="head-list">
            <img style="float:left"  src="images/bg_header_goc_trai.png"/> 
                
                    <span class="tieu_de" style="background:url(images/bg_header_nen.png);float:left">Spa - Làm Đẹp</span>
                
            <img style="float:left"  src="images/bg_header_goc_phai.png" />
        </div>
        <h4 class="viewall" style="margin-left:50px; float:left">
       		<a href="#"> <span class="label label-primary">Xem toàn bộ</span></a>
        </h4>
        <div class="clear"></div>
        <!--Phần danh sách sản phẩm trong thẻ list product -->
        
        <div class="row pro-list well">
        	<div class="col-md-12">
              <div class="row">
                  <div class="col-md-3">
                  		 <div class="thumbnail">
                            <img src="uploads/pro1.jpg" alt="...">
                            <h3 class="khuyenmai label label-danger">50%</h3>
                            <h3 class="info">                          
                           		 Giao hàng miễn phí
                                 <p class="label label-default"></p>
                            </h3>
                            <a href="#"><h3 class="viewmore">
                            	<button type="button" class="btn btn-primary">XEM</button>
                            </h3></a>
                            
                            <div class="caption">
                            
                              <h4 class="text-danger name-product">
                              	  <a href="#">Tour Hà Nội – Cô Tô 2N1Đ – Khởi Hành Hàng Ngày</a>
                              </h4>
                              
                              <p>
                                 <span class="price-product">350.000 <sup> đ </sup></span>&nbsp;&nbsp;&nbsp;
                                 <span class="last-price-product">700.000 <sup> đ </sup></span>
                              </p>
                              
                              <p>
                                 <b>100</b> sản phẩm đã mua
                              </p>  
                            </div>
                         </div>
                  </div>
                  
                                    <div class="col-md-3">
                  		 <div class="thumbnail">
                            <img src="uploads/pro1.jpg" alt="...">
                            <h3 class="khuyenmai label label-danger">50%</h3>
                            <h3 class="info">                          
                           		 Giao hàng miễn phí
                                 <p class="label label-default"></p>
                            </h3>
                            <a href="#"><h3 class="viewmore">
                            	<button type="button" class="btn btn-primary">XEM</button>
                            </h3></a>
                            
                            <div class="caption">
                            
                              <h4 class="text-danger name-product">
                              	  <a href="#">Tour Hà Nội – Cô Tô 2N1Đ – Khởi Hành Hàng Ngày</a>
                              </h4>
                              
                              <p>
                                 <span class="price-product">350.000 <sup> đ </sup></span>&nbsp;&nbsp;&nbsp;
                                 <span class="last-price-product">700.000 <sup> đ </sup></span>
                              </p>
                              
                              <p>
                                 <b>100</b> sản phẩm đã mua
                              </p>  
                            </div>
                         </div>
                  </div>
                                    <div class="col-md-3">
                  		 <div class="thumbnail">
                            <img src="uploads/pro1.jpg" alt="...">
                            <h3 class="khuyenmai label label-danger">50%</h3>
                            <h3 class="info">                          
                           		 Giao hàng miễn phí
                                 <p class="label label-default"></p>
                            </h3>
                            <a href="#"><h3 class="viewmore">
                            	<button type="button" class="btn btn-primary">XEM</button>
                            </h3></a>
                            
                            <div class="caption">
                            
                              <h4 class="text-danger name-product">
                              	  <a href="#">Tour Hà Nội – Cô Tô 2N1Đ – Khởi Hành Hàng Ngày</a>
                              </h4>
                              
                              <p>
                                 <span class="price-product">350.000 <sup> đ </sup></span>&nbsp;&nbsp;&nbsp;
                                 <span class="last-price-product">700.000 <sup> đ </sup></span>
                              </p>
                              
                              <p>
                                 <b>100</b> sản phẩm đã mua
                              </p>  
                            </div>
                         </div>
                  </div>
                                    <div class="col-md-3">
                  		 <div class="thumbnail">
                            <img src="uploads/pro1.jpg" alt="...">
                            <h3 class="khuyenmai label label-danger">50%</h3>
                            <h3 class="info">                          
                           		 Giao hàng miễn phí
                                 <p class="label label-default"></p>
                            </h3>
                            <a href="#"><h3 class="viewmore">
                            	<button type="button" class="btn btn-primary">XEM</button>
                            </h3></a>
                            
                            <div class="caption">
                            
                              <h4 class="text-danger name-product">
                              	  <a href="#">Tour Hà Nội – Cô Tô 2N1Đ – Khởi Hành Hàng Ngày</a>
                              </h4>
                              
                              <p>
                                 <span class="price-product">350.000 <sup> đ </sup></span>&nbsp;&nbsp;&nbsp;
                                 <span class="last-price-product">700.000 <sup> đ </sup></span>
                              </p>
                              
                              <p>
                                 <b>100</b> sản phẩm đã mua
                              </p>  
                            </div>
                         </div>
                  </div>
                  
                  
                  
                  
                </div>
            </div>
            
            
            
          </div>
        
    </div>
    <!--Kết thúc list product -->    
    
    			<div class="container" style="margin:25px 0px">
            <div class="row">
                <div class="row">
                    <div class="col-md-9">
                        <h3>
                            Có thể bạn thích </h3>
                    </div>
                    <div class="col-md-3">
                        <!-- Controls -->
                        <div class="controls pull-right hidden-xs">
                            <a class="left glyphicon glyphicon-chevron-left btn btn-success" href="#carousel-example"
                                data-slide="prev"></a><a class="right glyphicon glyphicon-chevron-right btn btn-success" href="#carousel-example"
                                    data-slide="next"></a>
                        </div>
                    </div>
                </div>
                <div id="carousel-example" class="carousel slide hidden-xs" data-ride="carousel">
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="col-item">
                                        <div class="photo">
                                            <img src="uploads/pro1.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="row">
                                                <div class="price col-md-6">
                                                    <h5>
                                                        Sample Product</h5>
                                                    <h5 class="price-text-color">
                                                        $199.99</h5>
                                                </div>
                                                <div class="rating hidden-sm col-md-6">
                                                    <i class="price-text-color glyphicon glyphicon-star"></i><i class="price-text-color glyphicon glyphicon-star">
                                                    </i><i class="price-text-color glyphicon glyphicon-star"></i><i class="price-text-color glyphicon glyphicon-star">
                                                    </i><i class="glyphicon glyphicon-star"></i>
                                                </div>
                                            </div>
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <i class="glyphicon glyphicon-shopping-cart"></i><a href="" class="hidden-sm">Mua</a></p>
                                                <p class="btn-details">
                                                    <i class="glyphicon glyphicon-list"></i><a href="" class="hidden-sm">Chi tiết</a></p>
                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="col-item">
                                        <div class="photo">
                                            <img src="uploads/pro1.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="row">
                                                <div class="price col-md-6">
                                                    <h5>
                                                        Product Example</h5>
                                                    <h5 class="price-text-color">
                                                        $249.99</h5>
                                                </div>
                                                <div class="rating hidden-sm col-md-6">
                                                </div>
                                            </div>
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <i class="glyphicon glyphicon-shopping-cart"></i><a href="" class="hidden-sm">Mua</a></p>
                                                <p class="btn-details">
                                                    <i class="glyphicon glyphicon-list"></i><a href="" class="hidden-sm">Chi tiết</a></p>
                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="col-item">
                                        <div class="photo">
                                            <img src="uploads/pro1.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="row">
                                                <div class="price col-md-6">
                                                    <h5>
                                                        Next Sample Product</h5>
                                                    <h5 class="price-text-color">
                                                        $149.99</h5>
                                                </div>
                                                <div class="rating hidden-sm col-md-6">
                                                    <i class="price-text-color glyphicon glyphicon-star"></i><i class="price-text-color glyphicon glyphicon-star">
                                                    </i><i class="price-text-color glyphicon glyphicon-star"></i><i class="price-text-color glyphicon glyphicon-star">
                                                    </i><i class="glyphicon glyphicon-star"></i>
                                                </div>
                                            </div>
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <i class="glyphicon glyphicon-shopping-cart"></i><a href="" class="hidden-sm">Mua</a></p>
                                                <p class="btn-details">
                                                    <i class="glyphicon glyphicon-list"></i><a href="" class="hidden-sm">Chi tiết</a></p>
                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="col-item">
                                        <div class="photo">
                                            <img src="uploads/pro1.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="row">
                                                <div class="price col-md-6">
                                                    <h5>
                                                        Sample Product</h5>
                                                    <h5 class="price-text-color">
                                                        $199.99</h5>
                                                </div>
                                                <div class="rating hidden-sm col-md-6">
                                                    <i class="price-text-color glyphicon glyphicon-star"></i><i class="price-text-color glyphicon glyphicon-star">
                                                    </i><i class="price-text-color glyphicon glyphicon-star"></i><i class="price-text-color glyphicon glyphicon-star">
                                                    </i><i class="glyphicon glyphicon-star"></i>
                                                </div>
                                            </div>
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <i class="glyphicon glyphicon-shopping-cart"></i><a href="" class="hidden-sm">Mua</a></p>
                                                <p class="btn-details">
                                                    <i class="glyphicon glyphicon-list"></i><a href="" class="hidden-sm">Chi tiết</a></p>
                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="col-item">
                                        <div class="photo">
                                            <img src="uploads/pro1.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="row">
                                                <div class="price col-md-6">
                                                    <h5>
                                                        Product with Variants</h5>
                                                    <h5 class="price-text-color">
                                                        $199.99</h5>
                                                </div>
                                                <div class="rating hidden-sm col-md-6">
                                                    <i class="price-text-color glyphicon glyphicon-star"></i><i class="price-text-color glyphicon glyphicon-star">
                                                    </i><i class="price-text-color glyphicon glyphicon-star"></i><i class="price-text-color glyphicon glyphicon-star">
                                                    </i><i class="glyphicon glyphicon-star"></i>
                                                </div>
                                            </div>
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <i class="glyphicon glyphicon-shopping-cart"></i><a href="" class="hidden-sm">Mua</a></p>
                                                <p class="btn-details">
                                                    <i class="glyphicon glyphicon-list"></i><a href="" class="hidden-sm">Chi tiết</a></p>
                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="col-item">
                                        <div class="photo">
                                            <img src="uploads/pro1.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="row">
                                                <div class="price col-md-6">
                                                    <h5>
                                                        Grouped Product</h5>
                                                    <h5 class="price-text-color">
                                                        $249.99</h5>
                                                </div>
                                                <div class="rating hidden-sm col-md-6">
                                                </div>
                                            </div>
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <i class="glyphicon glyphicon-shopping-cart"></i><a href="" class="hidden-sm">Mua</a></p>
                                                <p class="btn-details">
                                                    <i class="glyphicon glyphicon-list"></i><a href="" class="hidden-sm">Chi tiết</a></p>
                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="col-item">
                                        <div class="photo">
                                            <img src="uploads/pro1.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="row">
                                                <div class="price col-md-6">
                                                    <h5>
                                                        Product with Variants</h5>
                                                    <h5 class="price-text-color">
                                                        $149.99</h5>
                                                </div>
                                                <div class="rating hidden-sm col-md-6">
                                                    <i class="price-text-color glyphicon glyphicon-star"></i><i class="price-text-color glyphicon glyphicon-star">
                                                    </i><i class="price-text-color glyphicon glyphicon-star"></i><i class="price-text-color glyphicon glyphicon-star">
                                                    </i><i class="glyphicon glyphicon-star"></i>
                                                </div>
                                            </div>
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <i class="glyphicon glyphicon-shopping-cart"></i><a href="" class="hidden-sm">Mua</a></p>
                                                <p class="btn-details">
                                                    <i class="glyphicon glyphicon-list"></i><a href="" class="hidden-sm">Chi tiết</a></p>
                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="col-item">
                                        <div class="photo">
                                            <img src="uploads/pro1.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="row">
                                                <div class="price col-md-6">
                                                    <h5>
                                                        Product with Variants</h5>
                                                    <h5 class="price-text-color">
                                                        $199.99</h5>
                                                </div>
                                                <div class="rating hidden-sm col-md-6">
                                                    <i class="price-text-color glyphicon glyphicon-star"></i><i class="price-text-color glyphicon glyphicon-star">
                                                    </i><i class="price-text-color glyphicon glyphicon-star"></i><i class="price-text-color glyphicon glyphicon-star">
                                                    </i><i class="glyphicon glyphicon-star"></i>
                                                </div>
                                            </div>
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <i class="glyphicon glyphicon-shopping-cart"></i><a href="" class="hidden-sm">Mua</a></p>
                                                <p class="btn-details">
                                                    <i class="glyphicon glyphicon-list"></i><a href="" class="hidden-sm">Chi tiết</a></p>
                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    
    </div>
    <!--Kết thúc Phần main của website ... Phần thay đổi của website -->
    
    

    <!--Phần footer -->
    <footer class="well">
    <a id="back-to-top" href="#" class="btn btn-primary btn-lg back-to-top" role="button" title="" data-toggle="tooltip" data-placement="left"><span class="glyphicon glyphicon-chevron-up"></span></a>
    <script>
		$(document).ready(function(){
			 $(window).scroll(function () {
					if ($(this).scrollTop() > 50) {
						$('#back-to-top').fadeIn();
					} else {
						$('#back-to-top').fadeOut();
					}
				});
				// scroll body to 0px on click
				$('#back-to-top').click(function () {
					$('#back-to-top').tooltip('hide');
					$('body,html').animate({
						scrollTop: 0
					}, 800);
					return false;
				});
				
				$('#back-to-top').tooltip('show');
		
		});
	</script>
    <div  class="container bg-primary">
    		<!-- Single button -->
              <div class="btn-group bottom-nav">
              	
                <button type="button" class="btn btn-primary dropdown-toggle nut" data-toggle="dropdown">
                  Giới thiệu <span class="caret"></span>
                </button>
                                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
                
              </div>
    		<!-- Single button -->
              <div class="btn-group bottom-nav">
                <button type="button" class="btn btn-primary dropdown-toggle nut" data-toggle="dropdown">
                  Liên Hệ <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu" >
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </div>
              <!-- Single button -->
              <div class="btn-group bottom-nav">
                <button type="button" class="btn btn-primary dropdown-toggle nut" data-toggle="dropdown">
                  Hỗ trợ khách hàng <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </div>
              <!-- Single button -->
              <div class="btn-group bottom-nav">
                <button type="button" class="btn btn-primary dropdown-toggle nut" data-toggle="dropdown">
                  Thường được tìm kiếm <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </div>
              <!-- Single button -->
              <div class="btn-group bottom-nav">
                <button type="button" class="btn btn-primary dropdown-toggle nut" data-toggle="dropdown">
                  Liên kết <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </div>
    </div>
    
    
    <div  class="container " >
    <div class="row-offset-1 boxfot">
    	<div  class="col-lg-6 leftfot"><a href="#"><h2 class="text-success">Muachung.vn</h2></a>
            <p class="text-info">- Mua sản phẩm đảm bảo xuất sứ, chất lượng</p>
            <p class="text-info">- Bán đúng giá niêm yết nơi sản xuất</p>
            <p class="text-info">- Phục vụ tận tình, chu đáo</p>
            <p class="text-info">- Chính sách hậu mãi đến khách hàng</p>
        </div>
        <div class="col-lg-4 rightfot">
        	<h3 class="text-danger">Muachung Hà Nội</h3>
            <p class="text-info">Địa chỉ: 1001 tòa nhà RESCO3D khu đô thị Cổ Nhuế, Từ Liêm, Hà Nội</p>
            <p class="text-info">Điện thoại: 043.752.4351 / 043.994.0259 / 0988 609 664</p>
            <p class="text-info">Email: kinhdoanh@muachung.vn / hotro@muachung.vn</p>
        </div>
    </div>
    </div>
    </footer><!--Kết thúc footer -->
</div>


<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/popover.js"></script>
<script src="js/alert.js"></script>
<script src="js/affix.js"></script>
<script src="js/button.js"></script>
<script src="js/carousel.js"></script>
<script src="js/collapse.js"></script>
<script src="js/dropdown.js"></script>
<script src="js/modal.js"></script>
<script src="js/scrollspy.js"></script>
<script src="js/tooltip.js"></script>
<script src="js/tab.js"></script>
<script src="js/transition.js"></script>
<script>
	$(document).ready(function(e) {
		
       	$('img.closepop').click(function(e) {
           
			$('.regester').css('display','none');
			$('.loginuser').css('display','none');
	
			
        });
		$('a.dangki').click(function(e) {
            
			$('.regester').css('display','block');
			$('.loginuser').css('display','none');
			
			
        });
		$('a.dangnhap').click(function(e) {
          
			$('.loginuser').css('display','block');
			$('.regester').css('display','none');
			
			
        });
		
		var _scrollTop;
		$(window).scroll(function () {
        _scrollTop = $(window).scrollTop();
        if(_scrollTop>50) 
		{
			$('#main-menu').css('position','fixed');
			$('#main-menu').css('top','0');
		}
		 if(_scrollTop<50) 
		{
			$('#main-menu').css('position','relative');
		}
    });
		
    });
</script>
</body>
</html>
